<template>
	<div class="company-container">
		<van-nav-bar class="dh" left-text="家服公司"></van-nav-bar>
		<form action="/">
			<!-- 搜索框 -->
			<van-search v-model="value" background="#3f51b5" placeholder="请输入搜索关键词" />
			<van-dropdown-menu>
				<van-dropdown-item v-model="value1" :options="option1" />
			</van-dropdown-menu>
		</form>
	</div>
</template>

<script>
export default {
  name: 'CompanyContainer',
  components: {},
  props: {},
  data () {
    return {
      value: '',
      value1: 0,
      option1: [
        { text: '长沙', value: 0 },
        { text: '岳阳', value: 1 },
        { text: '湖北', value: 2 }
      ]
    }
  },
  computed: {},
  watch: {},
  created () {},
  mounted () {},
  methods: {}
}
</script>
<style scoped lang='less'>
.dh {
	background-color: #3f51b5;
}
/deep/.van-nav-bar__text {
	color: #fff;
}
.van-search {
	width: 310px;
	height: 48px;
	float: left;
}
.van-dropdown-menu__bar {
	width: 50px;
	height: 100px;
	float: left;
}
/deep/.van-dropdown-menu__item {
	background-color: #3f51b5;
}
/deep/.van-ellipsis {
	color: #fff;
}
</style>
